<template>
  <div
    class="p-2 w-full box-border inline-flex items-center gap-2 rounded b-1 b-gray-400 b-solid focus-within:(b-purple-500)">
    <div class="icon i-mdi-account"></div>
    <input class="grow focus:text-purple-500" type="text" placeholder="账号" v-model="model">
  </div>
</template>

<script setup lang='ts'>

const model = defineModel()

</script>

<style></style>